<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Y</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/indexstyle.css" rel="stylesheet">
    <link rel="icon" href="img/logo.png" type="image/x-icon">
    <link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
<!-- right-sidebar.html -->
<div class="col-md-3 col-2 bg-light" id="right-sidebar">
    <!-- 个人资料卡 -->
    <div class="profile-card" id="profile-card">
        <img src="../img/default-avatar.png" alt="个人图片" class="profile-img">
        <div class="profile-info">
            <strong id="username">用户名</strong><br>
            <small id="userhandle">@defaultuser123</small>
        </div>
        <div class="dropdown show">
            <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                ...
            </a>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="login.html">Log out</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>